<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>携程在手，说走就走</title>
    <link rel="stylesheet" href="css/css初始化.css">
    <link rel="stylesheet" href="css/移动端的特殊初始化.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <img src="jpg/banle.jpg" alt="" class="tu1">
        <section class="search">
            <div>搜索:目的地/酒店/景点/航班号</div>
            <div><a href="#">我的</a></div>
        </section>
    </header>
    <!-- 头部导航栏 -->
    <ul class="top_nav">
        <li>攻略景点</li>
        <li>门票玩乐</li>
        <li>美食林</li>
        <li>周边游</li>
        <li>一日游</li>
    </ul>
    <!-- 主导航栏 -->
    <nav class="nav">
        <div class="ti_nav1">
            <a href="#">
                <span>酒店</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>旅游</span>
            </a>

        </div>
        <div class="ti_nav2">
            <a href="#">民宿·客栈</a>
            <a href="#">火车票</a>
            <a href="#">高铁游</a>
        </div>
        <div class="ti_nav3">
            <a href="#">特价·爆款</a>
            <a href="#">
                <div>汽车·船票</div>
                <div>专车·租车</div>
            </a>
            <a href="#">
                <div>邮轮游</div>
                <div>定制游</div>
            </a>
        </div>
    </nav>
    <aside class="aside">
        <ul>
            <li><a href="#">自由行</a></li>
            <li><a href="#">WFI电话</a></li>
            <li><a href="#">保险·签证</a></li>
            <li><a href="#">换钞·购物</a></li>
            <li><a href="#">当地向导</a></li>
            <li><a href="#">特价机票</a></li>
            <li><a href="#">礼品卡</a></li>
            <li><a href="#">申卡·借钱</a></li>
            <li><a href="#">旅拍</a></li>
            <li><a href="#">更多</a></li>
        </ul>
    </aside>
    <!-- 小广告 -->
    <section class="logen">
        <h2>热门活动</h2>
        <span>获得去更多福利</span>
    </section>
    <!-- 主广告 -->
    <section class="zu_logen tg">
        <div></div>
        <div></div>
    </section>
    <section class="zu_logen-tg tong tg">
        <div></div>
        <div></div>
    </section>
    <section class="zu_logen-tg tong1 tg">
        <div></div>
        <div></div>
    </section>
    <!-- 尾部 -->
    <footer class="footer">
        <a href="#">电话预定</a>
        <a href="#">客户端下载</a>
        <a href="#">我的</a>
    </footer>
</body>

</html>